<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="myDiv">111</div>
    <button class="btn">点击跳转</button>
    <script>
    // location ：地址
    // 1.获取浏览器地址:会把中文转码操作 ，空格也会转码
    //    var loc =   window.location.href;
    //    console.log(loc);
    // 2.跳转指定的地址 
    // document.getElementsByClassName("btn")[0].onclick = function(){
    //     window.location.href = "http://www.baidu.com";
    // }
    // 3.哈希 location    地址栏后面加# 部分就是地址栏的哈希值；
    // vue 及react 前端路由都是通过哈希来进行跳转的；
    // 获取哈希地址   
        // console.log(window.location.hash);
        // dom 的一个方法：了解一个操作dom的方法  innerHTML 可以替换标签里的内容
        // 特点：会解析标签

        // document.getElementsByClassName("btn")[0].onclick = function(){
        //     document.getElementsByClassName("myDiv")[0].innerHTML =  "<h1>填充的内容</h1>";
        // }
    // search：搜索  获取或者设置  ? 后面的内容(get参数的时候)
    // console.log(window.location.search); 
    // 4.重新加载  reload :重新加载页面
    // document.getElementsByClassName("btn")[0].onclick = function(){
    //     window.location.reload();
    // }
    // 5.打开一个地址 open  重新打开一个页面
    // document.getElementsByClassName("btn")[0].onclick = function(){
    //     window.open("http://www.baidu.com");
    // }
    // 6关闭当前页面:只能关闭直接打开的页面；通过跳转，或者是前进后退 到的页面都不能关闭；
    document.getElementsByClassName("btn")[0].onclick = function(){
        window.close();
    }

       

   


    </script>
</body>
</html>